<!DOCTYPE html>
<html lang="zh-CN">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>eTOMMENS培训服务</title>
	<link rel="stylesheet" href="./public/css/after.css">

</head>

<body>
	<div id="header"></div>
	<div id="right"></div>
	<div class="apply-training-container">
		<form id="formRef" class="apply-training-container">
			<section class="el-row">
				<div class="el-col til" style="width: 91.6667%; margin-left: 4.16667%;">
					<h2>Welcome to eTOMMENS After-sales service</h2>
					<span>Please fill in your contact information and leave a message, we will contact you as soon as possible
						after receiving the message</span>
				</div>

				<!-- MemberForm 组件 -->
				<div id="memberForm">
					<div class="form-row">
						<div class="form-col">
							<div class="el-form-item">
								<label class="el-form-item__label">Company</label>
								<div class="el-form-item__content">
									<div class="el-input">
										<input type="text" class="el-input__inner" v-model="company"
											placeholder="Please enter your company">
									</div>
								</div>
							</div>
						</div>
						<div class="form-col">
							<div class="el-form-item">
								<label class="el-form-item__label">Name</label>
								<div class="el-form-item__content">
									<div class="el-input">
										<input type="text" class="el-input__inner" v-model="user_name"
											placeholder="Please enter the company name">
									</div>
								</div>
							</div>
						</div>
					</div>

					<div class="form-row">
						<div class="form-col">
							<div class="el-form-item">
								<label class="el-form-item__label">Phone</label>
								<div class="el-form-item__content">
									<div class="el-input">
										<input type="text" class="el-input__inner" v-model="phone" placeholder="Please enter your phone">
									</div>
								</div>
							</div>
						</div>
						<div class="form-col">
							<div class="el-form-item">
								<label class="el-form-item__label">Landline</label>
								<div class="el-form-item__content">
									<div class="el-input">
										<input type="text" class="el-input__inner" v-model="tel" placeholder="Please enter your landline">
									</div>
								</div>
							</div>
						</div>
					</div>

					<div class="form-row">
						<div class="form-col">
							<div class="el-form-item">
								<label class="el-form-item__label">Wechat</label>
								<div class="el-form-item__content">
									<div class="el-input">
										<input type="text" class="el-input__inner" v-model="wechat" placeholder="Please enter your wechat">
									</div>
								</div>
							</div>
						</div>
						<div class="form-col">
							<div class="el-form-item">
								<label class="el-form-item__label">QQ</label>
								<div class="el-form-item__content">
									<div class="el-input">
										<input type="text" class="el-input__inner" v-model="qq" placeholder="Please enter your QQ">
									</div>
								</div>
							</div>
						</div>
					</div>

					<div class="form-row">
						<div class="form-col">
							<div class="el-form-item">
								<label class="el-form-item__label">Email</label>
								<div class="el-form-item__content">
									<div class="el-input">
										<input type="text" class="el-input__inner" v-model="email" placeholder="Please enter your email">
									</div>
								</div>
							</div>
						</div>
						<div class="form-col">
							<div class="el-form-item">
								<label class="el-form-item__label">Website</label>
								<div class="el-form-item__content">
									<div class="el-input">
										<input type="text" class="el-input__inner" v-model="company_url"
											placeholder="Please enter your Company website">
									</div>
								</div>
							</div>
						</div>
					</div>

					<div class="form-row">
						<div class="form-col">
							<div class="el-form-item">
								<label class="el-form-item__label">Address</label>
								<div class="el-form-item__content">
									<div class="el-input">
										<input type="text" class="el-input__inner" v-model="address"
											placeholder="Please enter your Company address">
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>

				<div class="el-col border" style="width: 95.8333%; margin-left: 4.16667%;"></div>

				<div class="el-col sub-title" style="width: 91.6667%; margin-left: 4.16667%;">
					Please briefly fill in the after-sales issue so that the relevant personnel can contact you </div>

				<!-- TrainingForm 组件 -->
				<div id="trainingForm">
					<div class="form-row">
						<div class="form-col">
							<div class="el-form-item">
								<label class="el-form-item__label">model</label>
								<div class="el-form-item__content">
									<div class="el-input">
										<input type="text" class="el-input__inner" v-model="industry"
											placeholder="Please enter the product model">
									</div>
								</div>
							</div>
						</div>
						<div class="form-col">
							<div class="el-form-item">
								<label class="el-form-item__label">After-sales</label>
								<div class="el-form-item__content">
									<div class="el-input">
										<input type="text" class="el-input__inner" v-model="no"
											placeholder="Please enter the training type">
									</div>
								</div>
							</div>
						</div>
					</div>

					<div class="form-row">
						<div class="form-col">
							<div class="el-form-item">
								<label class="el-form-item__label">time</label>
								<div class="el-form-item__content">
									<div class="el-input">
										<input type="text" class="el-input__inner" v-model="study_type"
											placeholder="Please enter the application industry">
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="form-row">
						<div class="form-col">
							<div class="el-form-item">
								<label class="el-form-item__label">industry</label>
								<div class="el-form-item__content">
									<div class="el-input">
										<input type="text" class="el-input__inner" v-model="study_type"
											placeholder="Please enter the application industry">
									</div>
								</div>
							</div>
						</div>
					</div>

					<div class="form-row">
						<div class="form-col" style="flex: 0 0 100%;max-width: 100%;">
							<div class="el-form-item">
								<label class="el-form-item__label" style="width: 110px;">description</label>
								<div class="el-form-item__content">
									<div class="el-textarea">
										<textarea class="el-textarea__inner" v-model="info"
											placeholder="Please briefly describe the problem you need to solve"></textarea>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>

				<div class="el-col button-group" style="width: 25%;">
					<button type="button" class="button" id="submitBtn">
						Confirm the application
					</button>
				</div>
			</section>
		</form>
	</div>
	<div id="footer"></div>

	<script src="./public/js/jquery.min.js"></script>
	<script src="./public/js/after.js"></script>
	<script src="./public/js/common.js"></script>
</body>

</html>